#view {
  height: 100%;
}

// workspace
#workspace {
  position: relative;
}
.work-part {
  @include middle-center
}

$view_width: 320px;
$view_height: 486px;
.m-simulator {
  position: relative;
  width: $view_width + 8px;
  height: $view_height + 74px;
  background-image: url(../phonewhite-7a04c3.svg);
  background-repeat: no-repeat;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  border-radius: 40px;
  > .wrap {
    position: absolute;
    top: 37px;
    left: 4px;
    width: $view_width;
    height: $view_height;
    background-color: #fff
  }
}

.panel-header {
  color: #fff;
  padding: 15px;
}

#panel {
  height: 100%;
}

.panel {
  box-shadow: 0px 0px 20px $main_border_color;
  > .el-card__header {
    background-color: $sub_color;
  }
  .tt {
    font-size: $pn_title_fs;
    color: #fff;
    > i {
      float: right;
      font-size: 22px;
      cursor: pointer;
    }
  }
}
